<template>
  <div>
    <div class="center">
      <div class="hander">新增套餐</div>
      <div class="conlist">
        <modifyList></modifyList>
        <calucation></calucation>
        <imgAdd></imgAdd>
      </div>
    </div>
  </div>
</template>
<script>
import modifyList from "./modifyList.vue";
import calucation from './calculation.vue';
import imgAdd from './imgAdd.vue';
export default {
  inject: ["reload"],
  data () {
    return {};
  },
  components: {
    modifyList,
    calucation,
    imgAdd
  },
  activated () { },
  methods: {},
  beforeRouteLeave (to, from, next) {
    this.reload();
    next()
  }
};
</script>
<style scoped>
.conlist {
  background-color: #f5f5f5;
  padding: 10px;

  box-sizing: border-box;

  border-radius: 8px;
}
</style>
